<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 引入框架css -->
		<link rel="stylesheet" href="layui/css/layui.css">
		<!-- 引入框架js -->
		<script src="layui/layui.js"></script>
		<!-- 引入自己的js css -->
		<script src="js/member.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/member.css" />
		<title></title>
	</head>

	<!-- //行工具栏模板 -->
	<script type="text/html" id="barDemo">
		<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="detail">查看</a>
		<a class="layui-btn layui-btn-xs" lay-event="unblock">解封</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">封号</a>
	</script>
	<!-- //模板 -->

	<!-- //状态模板 -->
	<script type="text/html" id="status">
	{{# if(d.authority == '2'){ }}
		<span class="layui-badge">已封号</span>
		{{# } else { }}
			<span class="layui-badge layui-bg-blue">正常</span>
			{{# } }}
	</script>
	<!-- //模板 -->

	<!-- //头像模板 -->
	<script type="text/html" id="tx">
		<img src="http://localhost:8080/sc/images/{{d.portrait}}" class="layui-nav-img">
	</script>
	<!-- //模板 -->

	<!-- //顶部工具栏 -->
	<script type="text/html" id="toolbarDemo">
		<div class="layui-btn-group demoTable">
			<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="alldel">批量封号
			</button>
		</div>
	</script>
	<!-- //顶部工具栏 -->

	<body>
		<div class="backgr">
			<!-- 搜索 -->
			<div class="ss">
				<div class="layui-inline">
					<input id="ssinput" class="layui-input" placeholder="请输入账号或者昵称" name="id" autocomplete="off">
				</div>
				<button id="ss" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
						class="layui-icon layui-icon-search"></i>&nbsp;搜索</button>
			</div>
			<!-- 搜索 -->

			<!-- 表格 -->
			<table class="layui-table"
				lay-data="{height: 'full-80',loading:'true', url:'', page:true, id:'test', toolbar: 'true', even:'true', toolbar: '#toolbarDemo',id: 'testReload'}"
				lay-filter="tooltable">
				<thead>
					<tr>
						<th lay-data="{type: 'checkbox', fixed: 'left'}">ID</th>
						<th lay-data="{type:'numbers', width:80}">序号</th><!-- //序号 -->
						<th lay-data="{field:'id', sort: true, hide:'true'}">ID</th>
						<th lay-data="{field:'portrait',templet:'#tx'}">头像</th>
						<th lay-data="{field:'username'}">账号</th>
						<th lay-data="{field:'name', sort: true}">昵称</th>
						<th lay-data="{field:'sex'}">性别</th>
						<th lay-data="{field:'mail'}">邮箱</th>
						<th lay-data="{field:'birthdate', sort: true}">生日</th>
						<th lay-data="{field:'authority',templet:'#status', sort: true}">状态</th>
						<th lay-data="{field:'tel', sort: true}">电话</th>
						<!-- 绑定模板 -->
						<th lay-data="{width:200, align:'center', toolbar:'#barDemo',fixed:'right'}">操作</th>
					</tr>
				</thead>
			</table>
		</div>
		<!-- 查看用户窗口 -->
		<div class="look_user_window" id="look_user_window">
			<div class="look_content">
				<img id="look_img" src="" class="layui-nav-img look_img">
				<blockquote class="layui-elem-quote">用户账号：&nbsp;<span id="look_username"></span></blockquote>
				<blockquote class="layui-elem-quote layui-quote-nm">姓名：&nbsp;<span id="look_name"></blockquote>
				<blockquote class="layui-elem-quote">性别：&nbsp;<span id="look_sex"></blockquote>
				<blockquote class="layui-elem-quote layui-quote-nm">邮箱：&nbsp;<span id="look_email"></blockquote>
				<blockquote class="layui-elem-quote">电话：&nbsp;<span id="look_phone"></blockquote>
				<blockquote class="layui-elem-quote layui-quote-nm">生日：&nbsp;<span id="look_brithdate"></blockquote>
				<blockquote class="layui-elem-quote">账号状态：&nbsp;<span id="look_auth"></blockquote>
				<blockquote class="layui-elem-quote layui-quote-nm">地址：&nbsp;<span id="look_address"></blockquote>
			</div>
		</div>
	</body>
</html>
